import { memo, useState } from 'react';
import classNames from 'classnames';
import Login from './components/Login';

import Style from './index.module.less';

export default memo(() => {
  const [theme] = useState('light');

  return (
    <div
      className={classNames(Style.loginWrapper, { [Style.light]: theme === 'light', [Style.dark]: theme !== 'light' })}
    >

      <div className={Style.loginContainer}>
        <div className={Style.titleContainer}>
          <h1 className={Style.title}>登录到</h1>
          <h1 className={Style.title}>TDesign Starter</h1>
        </div>
        <Login />
      </div>
    </div>
  );
});
